<div class="app-view app-view-mobloginview app-login-view">
<ion-content class="app-view-body app-login-view" padding=false>
    <img src="./assets/images/login.jpg"  class="app-login-view-back" />
    <div style="position: relative">
        <div style="text-align: end;"><img src="./assets/images/logo.png"/></div>
        <div padding class="app-login-view-title">
            欢迎使用
        </div>
        <ion-grid padding>
            <ion-row style="margin-top: 1rem;">
                <ion-input type="text" placeholder="请输入用户名/手机号" [(ngModel)]="username" [clearInput]="true" class="app-login-view-input"></ion-input>
            </ion-row>
            <ion-row style="margin-top: 1.5rem;">
                <ion-input type="password" inputmode="password" placeholder="请输入密码" [(ngModel)]="password"
                    [clearInput]="true"  class="app-login-view-input"></ion-input>
            </ion-row>
        </ion-grid>
        <div padding style="margin-top: 1rem;">
            <ion-button [disabled]="(username.length === 0 || password.length === 0) ? true : false" class="login-button"
                color="medium" expand="block" (click)="login()">登录</ion-button>
        </div>
        <div padding style="padding-top: 0px">
            <ion-text color="light" (click)="registerAccount()">注册账号</ion-text>
            <ion-text style="float: right;color: #666;" (click)="modifyPassword()">忘记密码?</ion-text>
        </div>
    </div>
</ion-content>
<div>

